const input = document.querySelector('#input')
const div = document.querySelector('#div')

const data = {
	inputValue: '',

	// 访问器属性
	// get value() {},
	// set value(v) {},
}

// 监听数据变化（把 inputValue 变成 一个访问器属性）
Object.defineProperty(data, 'inputValue', {
	get() {
		return this._value
	},

	set(value) {
		this._value = value
		div.innerHTML = value
	},
})

// 监听输入框的输入事件
input.addEventListener('input', (e) => {
	data.inputValue = e.target.value
})
